<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城购物车页面</title>
    <!-- 引入默认css样式文件 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共css样式文件 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入当前css样式文件 -->
    <link rel="stylesheet" href="./css/shopCar.css">
</head>
<body>
    <!-- 头部区域开始 -->
    <div id="header">
        <!-- top区域开始 -->
        <div class="top">
            <div class="wrapper clearfix">
                <div class="topLeft fl colore6 fs16px">
                    legochina.cn
                </div>
                <div class="topRight fr fs14px">
                    欢迎光临
                    <span class="colorf60">乐购</span>，请 登陆\
                    <a href="#" class="colorf60">注册</a>
                </div>
                <!-- logo区域 -->
                <div class="logo">
                    <img src="./images/04-购物车_02.png" alt="">
                </div>
            </div>
        </div>
        <!-- 搜索区域 -->
        <div class="wrapper clearfix">
            <div class="fr check">
                <!-- 搜索栏区域 -->
                <div class="search fr">
                    <input type="text" name="search" placeholder="设计中的设计 原研哉" class="keyword">
                    <input type="submit" value="">
                </div>
                <!-- 配送地址 -->
                <div class="address fs14px color4d fr">
                    <span>配送至</span>
                    <select name="city" id="">
                        <option value="成都高新区三环内">成都高新区三环内</option>
                        <option value="武汉高新区三环内">武汉高新区三环内</option>
                        <option value="南京高新区三环内">南京高新区三环内</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="write_infor color666 fs20px ffSimHei wrapper">
                填写并核对订单信息
        </div>
    </div>
    <!-- 头部区域结束 -->

    
    <div class="container">
      <table id="shopcar">
          <thead>
              <tr>
                  <th>
                      <input type="checkbox" class="allSelect"> 全选
                  </th>
                  <th>商品</th>
                  <th>单价</th>
                  <th>数量</th>
                  <th>小计</th>
                  <th>操作</th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td>
                      <input type="checkbox" class="singlSelect">
                  </td>
                  <td>
                      <img src="./imgs/index08_05.jpg" alt=""> 从你的全世界路过
                  </td>
                  <td class="sPrice">41.07</td>
                  <td>
                      <span class="addNum">+</span><input type="text" class="num" value="1"><span class="reduce">-</span>
                  </td>
                  <td class="count">41.00</td>
                  <td>
                      <a href="#">删除</a>
                      <a href="#">移到我的关注</a>
                  </td>
              </tr>
              <tr>
                      <td>
                          <input type="checkbox" class="singlSelect">
                      </td>
                      <td>
                          <img src="./imgs/index08_05.jpg" alt=""> 从你的全世界路过
                      </td>
                      <td class="sPrice">41.01</td>
                      <td>
                          <span class="addNum">+</span><input type="text" class="num" value="1"><span class="reduce">-</span>
                      </td>
                      <td class="count">41.00</td>
                      <td>
                          <a href="#">删除</a>
                          <a href="#">移到我的关注</a>
                      </td>
                  </tr>
                  <tr>
                          <td>
                              <input type="checkbox" class="singlSelect">
                          </td>
                          <td>
                              <img src="./imgs/index08_05.jpg" alt=""> 从你的全世界路过
                          </td>
                          <td class="sPrice">41.01</td>
                          <td>
                              <span class="addNum">+</span><input type="text" class="num" value="1"><span class="reduce">-</span>
                          </td>
                          <td class="count">41.00</td>
                          <td>
                              <a href="#">删除</a>
                              <a href="#">移到我的关注</a>
                          </td>
                      </tr>
          </tbody>
          <tfoot>
              <tr>
                  <td>
                      <input type="checkbox" class="allSelect"> 全选
                  </td>
                  <td colspan="2">删除选中商品</td>
                  <td>己选
                      <span id="aNum" class="font16 cf60">1</span>件商品</td>
                  <td>
                      总价
                      <span id="total" class="font16 cf60">41.00</span>
                  </td>
                  <td>
                      <button type="button">去结算</button>
                  </td>
              </tr>
          </tfoot>
      </table>
    </div>
    
    <!-- main区域开始 -->
    <div id="main">
        <div class="wrapper">
            <!-- 猜你喜欢区域 -->
            <div class="popular-item">
                <!-- 猜你喜欢区标题区域  -->
                <h2 class="ffSimHei fs24px">猜你喜欢</h2>
                <div class="line"></div>
                <!-- 猜你喜欢区产品列表区 -->
                <ul class="global_list clearfix">
                    <li>
                        <a href="#">
                            <img src="./images/walk.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/walk.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                               
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/walk.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/walk.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li class="last">
                        <a href="#">
                            <img src="./images/walk.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    
                </ul>
            </div>
        </div>


    </div>
    <!-- main区域结束 -->

 

    <div class="warImg wrapper mt40px"></div>
    <!-- 页脚区域开始 -->
    <div class="footer ffSimHei">
        <!-- 上面的橘红色线条 -->
        <div class="line"></div>
        <!-- 流程信息 -->
        <div class="process_infor">
            <div class="wrapper clearfix">
                <p class="bg_img">
                    <span class="process_channels"></span>
                    <span class="safe_shopping"></span>
                    <span class="next_reach"></span>
                    <span class="return_goods bg"></span>
                </p>
            </div>
        </div>
        <!-- 页脚内容 -->
        <div class="wrapper content clearfix">
            <dl>
                <dt>
                    <a href="#">购物指南</a>
                </dt>
                <dd>
                    <a href="#">购物流程</a>
                </dd>
                <dd>
                    <a href="#">发票制度</a>
                </dd>
                <dd>
                    <a href="#">账户管理</a>
                </dd>    
                <dd>
                    <a href="#">会员优惠</a>
                </dd>        
                
            </dl>
            <dl>
                <dt>
                    <a href="#">支付方式</a>
                </dt>
                <dd>
                    <a href="#">货到付款</a>
                </dd>
                <dd>
                    <a href="#">网上支付</a>
                </dd>
                <dd>
                    <a href="#">礼品卡支付</a>
                </dd>
                <dd>
                    <a href="#">银行转帐</a>
                </dd>  
            </dl>
            <dl>
                <dt>
                    <a href="#">订单服务</a>
                </dt>
                <dd>
                    <a href="#">订单配送查询</a>
                </dd>
                <dd>
                    <a href="#">订单状态说明</a>
                </dd>
                <dd>
                    <a href="#">自助取消订单</a>
                </dd>
                <dd>
                    <a href="#">自助修改订单</a>
                </dd>  
            </dl>
            <dl>
                <dt>
                    <a href="#">退换货</a>
                </dt>
                <dd>
                    <a href="#">退换货政策</a>
                </dd>
                <dd>
                    <a href="#">自助申请退换货</a>
                </dd>
                <dd>
                    <a href="#">退换货进度查询</a>
                </dd>
                <dd>
                    <a href="#">退款方式和时间</a>
                </dd>  
            </dl>
            <dl>
                <dt>
                    <a href="#">商家服务</a>
                </dt>
                <dd>
                    <a href="#">商家中心</a>
                </dd>
                <dd>
                    <a href="#">运营服务</a>
                </dd>
                <dd>
                    <a href="#">加入尾品汇</a>
                </dd>
            </dl>
            <div class="logo fr">
            </div>
        </div>
        <!-- 页尾导航栏 -->
        <div class="fin_nav wrapper">
            <a href="">公司简介</a>
            <span>|</span>
            <a href="">Investor Relations</a>
            <span>|</span>
            <a href="">网站联盟</a>
            <span>|</span>
            <a href="">乐购招商</a>
            <span>|</span>
            <a href="">机构销售</a>
            <span>|</span>
            <a href="">手机乐购</a>
            <span>|</span>
            <a href="">官方Blog</a>
            <span>|</span>
            <a href="">热词搜索</a>
        </div>
        <!-- 版权区域 -->
        <div class="copyright wrapper fs14px color33">
            Copyright (C) 乐购网 2004-2016, All Rights Reserved
        </div>
    </div>
    <!-- 页脚区域结束 -->

    <script src="./lib/slider/jquery-1.11.0.js"></script>
    <script src="./js/shop.js"></script>

   

</body>
</html>